<template>
  <div class="reserve">
    <DetailSection title-text="预定须知" footer-text=" ">
      <template v-for="(item, index) of reserveData" :key="index">
        <div class="content">
          <div class="title">{{ item.title }}</div>
          <div class="introduction">{{ item.introduction }}</div>
        </div>
      </template>
    </DetailSection>
  </div>
</template>

<script setup>
import detailSection from "../../../components/detail-section/detail-section.vue";

defineProps({
  reserveData: {
    type: Object,
    default: () => [],
  },
});
</script>

<style lang="less" scoped>
.content {
  display: flex;
  margin-bottom: 10px;
  font-size: 12px;
  .title {
    width: 64px;
  }
  .introduction {
    color: #333;
  }
}
</style>
